:root{

    .dark{
        --background-color-dh: #545c64;
        --text-color-dh: #fff;
        --active-text-color-dh: #ffd04b;
        --el-aside-main-color:#7d848a;
    }
    .sweet{
        --background-color-dh: #fccd6b;
        --text-color-dh: #000000;
        --active-text-color-dh: #72bce7;
        --el-aside-main-color:#ffe36c;
    }

}

.head {
    padding: 60px;
}


.el-main {
    background-color: #E9EEF3;
    color: #333;
    text-align: center;
}

body>.el-container {
    width: 100%;
    height: 100%;
    margin-bottom: 40px;
}


.el-container:nth-child(5) .el-aside,
.el-container:nth-child(6) .el-aside {
    line-height: 260px;
}

.el-container:nth-child(7) .el-aside {
    line-height: 320px;
}

.el-menu-vertical-demo {
    border: 0 !important;
}

.el-header{
    background-color: var(--background-color-dh);
    color: #333;
    text-align: center;
    line-height: 60px;
}

.el-aside-aside{
    background-color: var(--background-color-dh);
    color: #333;
    text-align: center;
    line-height: 200px;
}
.el-aside-main{
    background-color: var(--el-aside-main-color);
    color: #333;
    text-align: center;
    line-height: 200px;
}



@media screen and (max-width: 1000px) {
    .el-aside-aside{
        display: none;
    }

    .el-header{
        display: none;
    }
    
}




